{% extends "master.html" %}
{% block subtitle %} - 零售管理 - 零售开单{% endblock %}
{% block extJS %}
<script>
$(function() {
    
})
function printit(){
    window.print()
}
</script>
{% endblock %}
{% block main %}
<div class="container">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{url_for('bpRoot.view')}}">主面板</a></li>
            <li><a href="{{url_for('.view')}}">零售管理</a></li>
            <li class="active">零售单详情</li>
        </ol>
    </div>
    <ul class="nav nav-tabs">
        <li><a href="{{url_for('.view', action='view', id=so.id)}}">零售单详情</a></li>
        <li><a href="{{url_for('.view', action='viewLog', id=so.id)}}">日志记录</a></li>
        <li class="active"><a href="#">打印</a></li>
    </ul>
    <div class="row">
        <div class="btn-toolbar pull-right">
            <div class="btn-group"><a class="btn btn-primary" href="javascript:void(0)" onclick='printit()'>打印</a></div>
        </div>
    </div>
    <div media="print" style='width:920px;height:500px;border:1px solid black;padding:10px;'>
        <div style='height:100px;'>
            <div style='width:300px;float:left;'>
                分店 Branch： {{ shop.name }}<br/>
                地址 Address： {{ shop.address }}<br/>
                电话 Tel： {{ shop.telephone }}<br/>
                销售编号 NO： {{ so.no }}<br/>
            </div>
            <div style='width:300px;float:left;'>
                雅涵珠宝
            </div>
            <div style='width:300px;float:left;'>
                NO：<br/>
                保证单：<br/>
                日期 Date： {{ so.sold_time|fd }}
            </div>
        </div>
        <div style='height:290px;margin:5px 20px;'>
            <table class='table'>
                <thead style='background:#efefef'>
                    <tr>
                        <th>货品编号</th>
                        <th>品名</th>
                        <th>重量</th>
                        <th>执行标准</th>
                        <th>证书</th>
                        <th>备注信息</th>
                        <th>实收金额</th>
                    </tr>
                </thead>
                <tbody style='background:#efefef'>
                    {% for i in so.dtls %}
                        <tr>
                            <td>{{ i.pdtno }}</td>
                            <td>{{ i.pdtname }}</td>
                            <td>{{ i.pdtweight }}</td>
                            <td>{{ i.no }}</td>
                            <td>{{ i.no }}</td>
                            <td>{{ i.no }}</td>
                            <td>￥{{ i.realAmount }}</td>
                        </tr>
                    {% endfor %}
                    <tr>
                        <td colspan='6' style='background:white'>
                            <div style='float:right;'>合计：<br/>Total Amount</div>
                        </td>
                        <td>￥{{ so.realAmount }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style='height:100px;'>
            付款方式
            Payment Method：{{ so.payterm.name }}
        </div>
    </div>
</div>
{% endblock %}